<template>
  <!-- 流域计算成果信息 -->
  <div class="result-box">
    <el-table :data="state.comResult" border style="width: 100%">
      <el-table-column prop label="时间" align="center" />
      <el-table-column prop label="河道入流流量" align="center" />
      <el-table-column prop label="河道出流流量" align="center" />
    </el-table>
  </div>
</template>
<script setup>
import { reactive } from 'vue'
const state = reactive({
  // 计算成果信息
  comResult: []
})
</script>
<style lang="less" scoped>
.result-box {
  height: 100%;
  width: 100%;
  :deep(.el-table--fit) {
    height: 100%;
    .el-scrollbar__view {
      height: 100%;
    }
  }
}
</style>
